固定ヘッダ

Spread.Viewsでは、グループ化を適用したグリッドデータの読みやすさを高めることができます。これには、データ行のスクロール中に、グループ化ヘッダーをコンテナ上部に固定します。

グループヘッダーを設定するオブジェクト内でfixedプロパティをtrueに設定するには、次の手順を実行します。

以下の手順では、グリッドの初期化と列の定義を終えていることを前提としています。詳細については、「基本的なグリッドの作成」および「列の定義」を参照してください。

DIVタグを使用して、fixedプロパティをtrueに設定し、グリッドを初期化します。

     var dataView = new GC.Spread.Views.DataView(document.getElementById('grid1'), data, columns,
                new GC.Spread.Views.Plugins.GridLayout({
                    grouping: [{
                        field: 'country',
                        header: {
                            fixed: true
                        }
                    }, {
                        field: 'state',
                        header: {
                            fixed: true
                        }
                    }]
                }));

            //focus data.view by default
        document.querySelector('#grid1').focus();